<template>
  <ve-wordcloud :data="chartData" height="100%" :settings="chartSettings" />
</template>

<script>
export default {
  data () {
    return {
      chartData: {
        columns: ['name', 'value'],
        rows: [
          {
            name: '练习项目',
            value: '100'
          },
          {
            name: '真好玩啊',
            value: '80'
          },
          {
            name: '你觉得呢？',
            value: '70'
          },
          {
            name: '还不错啊',
            value: '80'
          },
          {
            name: '哈哈哈哈哈',
            value: '50'
          }
        ]
      },
      chartSettings: {
        color: ['rgba(97,216,0,.7)', 'rgba(204,178,26,.7)', 'rgba(245,166,35,.7)', 'rgba(156,13,113,.7)']
      }
    }
  }
}
</script>

<style lang="scss" scoped>
</style>
